<!DOCTYPE html>
<html>

<head>
  <title>红喇叭智慧小店</title>
  <meta charset="utf-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <meta content="email=no" name="format-detection">
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_975107_vhax2rne4oe.css">
  <link rel="stylesheet" type="text/css" href="../css/base.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src="../js/jquery.js"></script>
  <script src="../js/flexible.js"></script>
  <style>
    .info1 {
      background: #fff;
      padding: 0 .2rem;
    }

    .info1 li img {
      border-radius: 50%;
      width: 1rem;
      height: 1rem;
    }

    .info2 {
      margin-top: .2rem;
    }

    .ul_list li .box1 {
      font-size: .24rem;
    }
    .link_ul .l,.link_ul .r{display: flex;align-items: center;}
    .link_ul .l span{display: flex;align-items: center;justify-content: center;}
    .link_ul .l span:first-child{width: .6rem;height: .6rem;background: red;color: #fff;border-radius: 50%; text-align: center;margin-right: .1rem;}
    .link_ul .l span i{font-size: .3rem; margin-right: 0}
  </style>
</head>

<body class="bgf3f2f7">
  <ul class="ul_list info1">
    <li class="bdr-b">
      <div class="left">
        <img src="images/tx.jpg">
      </div>
      <div class="right">
        <div class="name">大嘴巴</div>
        <div class="box1">绑定手机：185****88185</div>
      </div>
    </li>
  </ul>
  <div class="block_item info2">
    <ul class="link_ul">
      <a href="zd_list.html">
        <li>
          <div class="l">
             <span> <i class="iconfont icon-zhangdan"></i></span>
            <span>账单</span>
          </div>
          <div class="r">
            <i class="iconfont icon-more"></i>
          </div>
        </li>
      </a>
      <a href="message.html">
            <li>
                    <div class="l">
                       <span style="background: #9266f9;"> <i class="iconfont icon-kaquan"></i></span>
                      <span>卡券</span>
                    </div>
                    <div class="r">
                      <i class="iconfont icon-more"></i>
                    </div>
                  </li>
      </a>
      <a href="tel:400-665-1798">
            <li>
                    <div class="l">
                       <span style="background: #16c2c2;"> <i class="iconfont icon-kefu1"></i></span>
                      <span>客服</span>
                    </div>
                    <div class="r">
                            400-665-1798
                      <i class="iconfont icon-more"></i>
                    </div>
                  </li>
      </a>
      <a href="message.html">
          <li>
                  <div class="l">
                     <span style="background: #16c2c2;"> <i class="iconfont icon-kefu1"></i></span>
                    <span>提示页面</span>
                  </div>
                  <div class="r">
                          演示 可删除
                    <i class="iconfont icon-more"></i>
                  </div>
                </li>
    </a>
    </ul>
  </div>

</body>

</html>